<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="./plugin.css" />
    <title>对局管理系统 - 插件管理</title>
  </head>
  <body>
    <!-- 导航栏 -->
    <div class="navbar">
      <div class="nav-item">对局管理</div>
      <div class="nav-item">团队管理</div>
      <div class="nav-item">服务器配置</div>
      <div class="nav-item active">插件管理</div>
    </div>

    <div class="container">
      <!-- 主内容区 - 白色背景铺满 -->
      <div class="main-content">
        <h2 class="plugin-title">插件管理</h2>

        <!-- 已安装插件 -->
        <div class="plugin-category">
          <h3 class="category-title">已安装插件</h3>
          <div class="plugin-cards">
            <div class="plugin-card">
              <div class="plugin-header">
                <div class="plugin-icon">📢</div>
                <div class="plugin-info">
                  <div class="plugin-name">广播队列</div>
                  <div class="plugin-meta">v1.2.0 | 通知系统团队</div>
                </div>
                <div class="plugin-status status-installed">已安装</div>
              </div>
              <div class="plugin-desc">
                定时发送自定义广播消息，支持多种通知方式和循环发送设置。可以配置消息间隔、循环次数和目标接收群体。
              </div>
              <div class="plugin-actions">
                <button class="btn btn-primary">配置</button>
                <button class="btn btn-secondary">禁用</button>
                <button class="btn btn-secondary">卸载</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 推荐安装插件 -->
        <div class="plugin-category">
          <h3 class="category-title">推荐安装插件</h3>
          <div class="plugin-cards">
            <div class="plugin-card">
              <div class="plugin-header">
                <div class="plugin-icon">📊</div>
                <div class="plugin-info">
                  <div class="plugin-name">对局统计</div>
                  <div class="plugin-meta">v1.3.2 | 数据分析团队</div>
                </div>
                <div class="plugin-status status-available">可安装</div>
              </div>
              <div class="plugin-desc">
                收集和分析对局数据，生成统计报告和排行榜，帮助管理员了解游戏对局情况。
              </div>
              <div class="plugin-actions">
                <button class="btn btn-primary">安装</button>
                <button class="btn btn-secondary">详情</button>
              </div>
            </div>

            <div class="plugin-card">
              <div class="plugin-header">
                <div class="plugin-icon">🛡️</div>
                <div class="plugin-info">
                  <div class="plugin-name">防作弊</div>
                  <div class="plugin-meta">v1.5.0 | 安全团队</div>
                </div>
                <div class="plugin-status status-available">可安装</div>
              </div>
              <div class="plugin-desc">
                检测和防止游戏作弊行为，维护游戏公平性，支持实时监控和违规检测。
              </div>
              <div class="plugin-actions">
                <button class="btn btn-primary">安装</button>
                <button class="btn btn-secondary">详情</button>
              </div>
            </div>

            <div class="plugin-card">
              <div class="plugin-header">
                <div class="plugin-icon">📋</div>
                <div class="plugin-info">
                  <div class="plugin-name">数据导出</div>
                  <div class="plugin-meta">v1.0.0 | 数据团队</div>
                </div>
                <div class="plugin-status status-available">可安装</div>
              </div>
              <div class="plugin-desc">
                导出对局数据到Excel和CSV格式，方便离线分析和数据备份。
              </div>
              <div class="plugin-actions">
                <button class="btn btn-primary">安装</button>
                <button class="btn btn-secondary">详情</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
